﻿<!DOCTYPE html>
<html>
    <head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style>
           #div1 {width: 100px; height:100px; background: red; position: absolute;}            
        </style>
        <script>
            window.onload = function() {
    
    //onmousemove : 当鼠标在一个元素上面移动的触发
    //触发频率不是像素，而是间隔时间，在一个指定时间内（很短），如果鼠标的位置和上一次的位置发生了变化，那么就会触发一次
    
    var i = 0;
    
    var oDiv = document.getElementById('div1');
    
    document.onmousemove = function(ev) {
        //document.title = i++;
        
        var ev = ev || event;
        
        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        
        oDiv.style.left = ev.clientX + 150 + 'px';
        oDiv.style.top = ev.clientY + 150 + scrollTop + 'px';
        
    }
    
}
        </script>
		<title>《护花使者》漂泊者乐园音乐学习项目</title>
        
    </head>
    <body style="height: 2000px;">
        <div id="div1"></div>
        <div><a target="_blank" href="1.html">尺子</a>
        </div>
        <div id="SongName">《护花使者》</div>
        <div id="Creator">LittleFlute</div>
        <div id="Date">2016.7.28 Thu 07:46 bjt</div>
    </body>
</html>